/* ==============================================================================
 * 创 建 者：SZN
 * 创建日期：2017-11-15
 * 功能描述：订单列表

 * 修 改 人:
 * 修改时间:
 * 修改描述：
 * ==============================================================================*/


//获取所有订单
var getOrderListUrl = baseUrl+'MallF/GetMallOrderList';
//取消订单
var cancelOrderUrl = baseUrl+'MallF/CancelOrder';
//确认收货
var ConfirmAcceptGoodsUrl = baseUrl + 'MallF/ConfirmGoods';
var type = getURLParameter("type");


var vu;
var mescroll;

$(function (){
	mui.init();
	initVue();
	if(type&&type!='null'){
		mui.trigger($('.mui-control-item').eq(type)[0],'touchstart');
		mui.trigger($('.mui-control-item').eq(type)[0],'tap')
	}
})


function initVue(){
	vu = new Vue({
		el : '#content',
		data : {
			ExpressInfo:{},
			
			AllOrderList:[],//所有订单
			page: 1,
			TotalPageCount: 0,
			
			OrderList1 : [],//待付款
			page1 : 1,
			TotalPageCount1 : 0,
			
			OrderList2 : [],//待发货
			page2 : 1,
			TotalPageCount2 : 0,
			
			OrderList3 : [],//待收货
			page3 : 1,
			TotalPageCount3 : 0,
			
			OrderList4 : [],//已完成
			page4 : 1,
			TotalPageCount4 : 0,
		},
		mounted:function(){
			var _this = this;
	//		this.loadExpressInfo();
			initMescroll();
			initMescroll1();
			initMescroll2();
			initMescroll3();
			initMescroll4();
			Vue.nextTick(function() {
			});
		},
		methods : {
			ConfirmAcceptGoods : ConfirmAcceptGoods,
			showOrderList: showOrderList,//显示所有订单列表
			showOrderList1: showOrderList1,//显示所有订单列表
			showOrderList2: showOrderList2,//显示所有订单列表
			showOrderList3: showOrderList3,//显示所有订单列表
			showOrderList4: showOrderList4,//显示所有订单列表
			cancelOrder : cancelOrder,
			payClick:function(item){
				location.href =	'payMoney.html?order='+item.OrderCode+'&sumMoney='+item.OrderCash+'&oid='+item.GroupOID+'&orderType='+item.OrderType;
			},
			loadExpressInfo : function(ExpressJson){
				vu.ExpressInfo = ExpressJson;
			},
		}
	})
}

function ConfirmAcceptGoods(oid){
	var btnArray = ['取消', '确定'];
	mui.prompt('请输入安全密码：', '', '确认收到该商品？', btnArray, function(e) {
		if(!e.value){
			mui.toast('请输入安全密码！');
			return;
		}
        if (e.index == 1) {
            common.post(ConfirmAcceptGoodsUrl,{OID : oid, SecondPwd : e.value},'json',function(r){
				if(r.ErrorCode==0){
					mui.toast(r.ErrorMsg);
					vu.AllOrderList = [];
					vu.page = 1;
					mescroll.resetUpScroll();
					showOrderList();
					vu.OrderList3 = [];
					vu.page3 = 1;
					mescroll3.resetUpScroll();
					showOrderList3();
					vu.page4 = 1;
					mescroll4.resetUpScroll();
					showOrderList4();
				}else{
					mui.toast(r.ErrorMsg);
				}
			})
        } 
    },'div')
	document.querySelector('.mui-popup-input input').type='password';
}

function cancelOrder(oid){
	var _this = this;
	mui.confirm('请确认您要取消该订单么？','提示',['确定','取消'],function(e){
		if (e.index == 0) {
            common.post(cancelOrderUrl,{OID:oid},'json',function (r) {
				if(r.ErrorCode == 0){
					mui.toast('取消成功！');
					vu.AllOrderList = [];
					vu.page = 1;
					mescroll.resetUpScroll();
					showOrderList();
					vu.OrderList1 = [];
					vu.page1 = 1;
					mescroll1.resetUpScroll();
					showOrderList1();
				}else{
					 mui.toast(r.ErrorMsg);
				}
           })
        }else{
        	mui.toast('取消成功');
        }
	})
}

function showOrderList(){
	mui.get(getOrderListUrl, {
		pageIndex: vu.page,
		pageSize: 10,
	}, function(r) {
		if(r.ErrorCode == 0) {
			vu.TotalPageCount = r.Data.TotalPageCount;
			mescroll.endByPage(r.Data.TotalItemCount, vu.TotalPageCount);
			if(vu.page == 1){
				vu.AllOrderList = r.Data.List;
			}else{
				vu.AllOrderList = vu.AllOrderList.concat(r.Data.List);
			}
			vu.page++;
		} else {
			mui.toast(r.ErrorMsg);
		}
	})
}

function showOrderList1(){
	mui.get(getOrderListUrl, {
		pageIndex: vu.page1,
		pageSize: 10,
		status : 0,
	}, function(r) {
		if(r.ErrorCode == 0) {
			vu.TotalPageCount1 = r.Data.TotalPageCount;
			mescroll1.endByPage(r.Data.TotalItemCount, vu.TotalPageCount);
			if(vu.page1 == 1){
				vu.OrderList1 = r.Data.List;
			}else{
				vu.OrderList1 = vu.OrderList1.concat(r.Data.List);
			}
			
			vu.page1++;
		} else {
			mui.toast(r.ErrorMsg);
		}
	})
}

function showOrderList2(){
	mui.get(getOrderListUrl, {
		pageIndex: vu.page2,
		pageSize: 10,
		status : 1,
	}, function(r) {
		if(r.ErrorCode == 0) {
			vu.TotalPageCount2 = r.Data.TotalPageCount;
			mescroll2.endByPage(r.Data.TotalItemCount, vu.TotalPageCount);
			if(vu.page2 == 1){
				vu.OrderList2 = r.Data.List;
			}else{
				vu.OrderList2 = vu.OrderList2.concat(r.Data.List);
			}
			
			vu.page2++;
		} else {
			mui.toast(r.ErrorMsg);
		}
	})
}

function showOrderList3(){
	mui.get(getOrderListUrl, {
		pageIndex: vu.page3,
		pageSize: 10,
		status : 2,
	}, function(r) {
		if(r.ErrorCode == 0) {
			vu.TotalPageCount3 = r.Data.TotalPageCount;
			mescroll3.endByPage(r.Data.TotalItemCount, vu.TotalPageCount);
			if(vu.page3 == 1){
				vu.OrderList3 = r.Data.List;
			}else{
				vu.OrderList3 = vu.OrderList3.concat(r.Data.List);
			}
			
			vu.page3++;
		} else {
			mui.toast(r.ErrorMsg);
		}
	})
}

function showOrderList4(){
	mui.get(getOrderListUrl, {
		pageIndex: vu.page4,
		pageSize: 10,
		status : 3,
	}, function(r) {
		if(r.ErrorCode == 0) {
			vu.TotalPageCount4 = r.Data.TotalPageCount;
			mescroll4.endByPage(r.Data.TotalItemCount, vu.TotalPageCount);
			if(vu.page4 == 1){
				vu.OrderList4 = r.Data.List;
			}else{
				vu.OrderList4 = vu.OrderList4.concat(r.Data.List);
			}
			
			vu.page4++;
		} else {
			mui.toast(r.ErrorMsg);
		}
	})
}

function initMescroll(){
	mescroll = new MeScroll("item0", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.page = 1;
				mescroll.resetUpScroll();
				showOrderList();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				showOrderList();
			},
			page : {
				size : 10, 
			},
		}
	})
}

function initMescroll1(){
	mescroll1 = new MeScroll("item1", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.page1 = 1;
				mescroll1.resetUpScroll();
				showOrderList1();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList1", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				showOrderList1();
			},
			page : {
				size : 10, 
			},
		}
	})
}

function initMescroll2(){
	mescroll2 = new MeScroll("item2", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.page2 = 1;
				mescroll2.resetUpScroll();
				showOrderList2();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList2", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				showOrderList2();
			},
			page : {
				size : 10, 
			},
		}
	})
}

function initMescroll3(){
	mescroll3 = new MeScroll("item3", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.page3 = 1;
				mescroll3.resetUpScroll();
				showOrderList3();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList3", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				showOrderList3();
			},
			page : {
				size : 10, 
			},
		}
	})
}

function initMescroll4(){
	mescroll4 = new MeScroll("item4", {
		down:{
			use: false, //是否初始化下拉刷新; 默认true
			callback: function(mescroll) {
				vu.page4 = 1;
				mescroll4.resetUpScroll();
				showOrderList4();
			}
		},
		up: {
			auto: true,
			isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
			clearEmptyId: "dataList4", //1.下拉刷新时会自动先清空此列表,再加入数据; 2.无任何数据时会在此列表自动提示空
			toTop:{ //配置回到顶部按钮
				src : "phoneContent/img/top.png", //默认滚动到1000px显示,可配置offset修改
				//offset : 1000
			},
			htmlNodata: '<p class="upwarp-nodata">-- 没有更多数据了 --</p>', //无数据的布局
			callback: function (){//上拉回调
				showOrderList4();
			},
			page : {
				size : 10, 
			},
		}
	})
}